<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浙江工业大学之江学院</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
        }

        :root {
            --primary-blue: #0056a6;
            --secondary-blue: #0078d7;
            --light-blue: #e6f2ff;
            --accent-orange: #f57c00;
            --light-gray: #f5f5f5;
            --dark-gray: #333;
            --border-radius: 8px;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        body {
            background-color: #f9f9f9;
            color: #333;
            line-height: 1.6;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* 头部样式 */
        header {
            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
            padding: 15px 0;
            color: white;
            position: sticky;
            top: 0;
            z-index: 100;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            display: flex;
            align-items: center;
        }

        .logo h1 {
            font-size: 1.8rem;
            font-weight: 700;
        }

        .logo span {
            font-size: 1.2rem;
            margin-left: 8px;
            opacity: 0.9;
        }

        .search-box {
            display: flex;
            width: 300px;
        }

        .search-box input {
            flex: 1;
            padding: 10px 15px;
            border: none;
            border-radius: var(--border-radius) 0 0 var(--border-radius);
            font-size: 1rem;
            outline: none;
        }

        .search-box button {
            background: var(--accent-orange);
            color: white;
            border: none;
            padding: 0 20px;
            border-radius: 0 var(--border-radius) var(--border-radius) 0;
            cursor: pointer;
            font-size: 1rem;
            transition: background 0.3s;
        }

        .search-box button:hover {
            background: #e86c00;
        }

        /* 导航栏样式 */
        nav {
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .nav-container {
            display: flex;
        }

        .nav-item {
            position: relative;
            padding: 15px 20px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }

        .nav-item:hover {
            background: var(--light-blue);
            color: var(--primary-blue);
        }

        .nav-item:hover .dropdown {
            display: block;
        }

        .dropdown {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 200px;
            background: white;
            box-shadow: var(--shadow);
            border-radius: 0 0 var(--border-radius) var(--border-radius);
            z-index: 10;
        }

        .dropdown-item {
            padding: 12px 20px;
            border-bottom: 1px solid #eee;
            transition: all 0.2s;
        }

        .dropdown-item:last-child {
            border-bottom: none;
        }

        .dropdown-item:hover {
            background: var(--light-blue);
            color: var(--primary-blue);
            padding-left: 25px;
        }

        /* 图片展示区 */
        .banner {
            height: 450px;
            background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)),
                        url('https://images.unsplash.com/photo-1562774053-701939374585?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            position: relative;
            margin-bottom: 40px;
        }

        .banner-content {
            max-width: 800px;
            padding: 0 20px;
        }

        .banner h2 {
            font-size: 2.8rem;
            margin-bottom: 20px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        }

        .banner p {
            font-size: 1.2rem;
            margin-bottom: 30px;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        }

        .banner-btn {
            display: inline-block;
            background: var(--accent-orange);
            color: white;
            padding: 12px 30px;
            border-radius: var(--border-radius);
            font-weight: 600;
            font-size: 1.1rem;
            transition: transform 0.3s, background 0.3s;
        }

        .banner-btn:hover {
            transform: translateY(-3px);
            background: #e86c00;
        }

        /* 内容区域样式 */
        .content-section {
            margin: 40px 0;
        }

        .section-title {
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 25px;
            font-size: 1.8rem;
            color: var(--primary-blue);
            display: flex;
            align-items: center;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background: var(--accent-orange);
            border-radius: 2px;
        }

        .section-title i {
            margin-right: 12px;
            color: var(--accent-orange);
        }

        /* 新闻版块 - 四宫格布局 */
        .news-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }

        .news-card {
            background: white;
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: transform 0.3s;
        }

        .news-card:hover {
            transform: translateY(-10px);
        }

        .news-img {
            height: 180px;
            background-color: var(--secondary-blue);
            background-size: cover;
            background-position: center;
        }

        .news-content {
            padding: 20px;
        }

        .news-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--dark-gray);
        }

        .news-date {
            color: #777;
            font-size: 0.9rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }

        .news-date i {
            margin-right: 5px;
        }

        .news-desc {
            color: #555;
            font-size: 0.95rem;
            margin-bottom: 15px;
        }

        .news-link {
            color: var(--primary-blue);
            font-weight: 600;
            display: inline-flex;
            align-items: center;
        }

        .news-link i {
            margin-left: 5px;
            transition: transform 0.3s;
        }

        .news-link:hover i {
            transform: translateX(3px);
        }

        /* 公告版块 */
        .notice-section {
            background: white;
            border-radius: var(--border-radius);
            padding: 25px;
            box-shadow: var(--shadow);
            margin: 40px 0;
        }

        .notice-list {
            list-style: none;
        }

        .notice-item {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            display: flex;
            align-items: center;
        }

        .notice-item:last-child {
            border-bottom: none;
        }

        .notice-date {
            background: var(--light-blue);
            color: var(--primary-blue);
            border-radius: 4px;
            padding: 5px 10px;
            min-width: 100px;
            text-align: center;
            font-weight: 600;
            margin-right: 20px;
        }

        .notice-title {
            font-weight: 600;
            flex: 1;
            transition: color 0.3s;
        }

        .notice-title:hover {
            color: var(--primary-blue);
        }

        .notice-more {
            text-align: right;
            margin-top: 20px;
        }

        /* 主内容区 */
        .main-content {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin: 40px 0;
        }

        .content-card {
            background: white;
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: var(--shadow);
        }

        .card-header {
            background: var(--primary-blue);
            color: white;
            padding: 15px 20px;
            font-size: 1.3rem;
            font-weight: 600;
            display: flex;
            align-items: center;
        }

        .card-header i {
            margin-right: 10px;
        }

        .card-body {
            padding: 20px;
        }

        .featured-item {
            display: flex;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }

        .featured-item:last-child {
            border-bottom: none;
        }

        .featured-img {
            width: 100px;
            height: 70px;
            background: var(--light-blue);
            border-radius: 4px;
            margin-right: 15px;
            flex-shrink: 0;
        }

        .featured-content {
            flex: 1;
        }

        .featured-title {
            font-weight: 600;
            margin-bottom: 5px;
        }

        .featured-desc {
            color: #666;
            font-size: 0.9rem;
        }

        /* 专题网站版块 */
        .special-sites {
            background: white;
            border-radius: var(--border-radius);
            padding: 30px;
            box-shadow: var(--shadow);
            margin: 40px 0;
        }

        .sites-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;
        }

        .site-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 15px;
            border-radius: var(--border-radius);
            background: var(--light-blue);
            transition: all 0.3s;
            text-align: center;
        }

        .site-item:hover {
            background: var(--primary-blue);
            color: white;
            transform: translateY(-5px);
        }

        .site-icon {
            width: 50px;
            height: 50px;
            background: var(--primary-blue);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            color: white;
            font-size: 1.5rem;
        }

        .site-item:hover .site-icon {
            background: white;
            color: var(--primary-blue);
        }

        .site-name {
            font-weight: 600;
            font-size: 0.9rem;
        }

        /* 页脚 */
        footer {
            background: var(--dark-gray);
            color: #ddd;
            padding: 40px 0 20px;
            margin-top: 60px;
        }

        .footer-content {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }

        .footer-section {
            flex: 1;
            padding: 0 20px;
        }

        .footer-section h3 {
            color: white;
            margin-bottom: 20px;
            font-size: 1.2rem;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-section h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background: var(--accent-orange);
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links a {
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: var(--accent-orange);
        }

        .footer-bottom {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #444;
            font-size: 0.9rem;
            color: #aaa;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .news-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .main-content {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .sites-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
                gap: 15px;
            }

            .nav-container {
                flex-wrap: wrap;
            }

            .nav-item {
                padding: 12px 15px;
            }

            .banner {
                height: 350px;
            }

            .banner h2 {
                font-size: 2.2rem;
            }

            .news-grid {
                grid-template-columns: 1fr;
            }

            .sites-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .footer-content {
                flex-direction: column;
                gap: 30px;
            }
        }

        @media (max-width: 480px) {
            .sites-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .banner {
                height: 300px;
            }

            .banner h2 {
                font-size: 1.8rem;
            }

            .banner p {
                font-size: 1rem;
            }
        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="container header-container">
            <div class="logo">
                <h1>浙江工业大学之江学院<span>Zhejiang University of Technology Zhijiang College</span></h1>
            </div>
            <div class="search-box">
                <input type="text" placeholder="搜索网站内容...">
                <button><i class="fas fa-search"></i></button>
            </div>
        </div>
    </header>

    <!-- 导航栏 -->
    <nav>
        <div class="container nav-container">
            <div class="nav-item">
                学院概况
                <div class="dropdown">
                    <div class="dropdown-item">学院简介</div>
                    <div class="dropdown-item">现任领导</div>
                    <div class="dropdown-item">组织机构</div>
                    <div class="dropdown-item">校园风光</div>
                </div>
            </div>
            <div class="nav-item">
                教育教学
                <div class="dropdown">
                    <div class="dropdown-item">本科教育</div>
                    <div class="dropdown-item">研究生教育</div>
                    <div class="dropdown-item">专业设置</div>
                    <div class="dropdown-item">教学成果</div>
                </div>
            </div>
            <div class="nav-item">
                招生就业
                <div class="dropdown">
                    <div class="dropdown-item">本科生招生</div>
                    <div class="dropdown-item">研究生招生</div>
                    <div class="dropdown-item">就业指导</div>
                    <div class="dropdown-item">优秀校友</div>
                </div>
            </div>
            <div class="nav-item">科学研究</div>
            <div class="nav-item">师资队伍</div>
            <div class="nav-item">校园生活</div>
            <div class="nav-item">国际交流</div>
            <div class="nav-item">信息公开</div>
        </div>
    </nav>

    <!-- 图片展示区 -->
    <section class="banner">
        <div class="banner-content">
            <h2>创新引领未来，教育成就梦想</h2>
            <p>浙江工业大学之江学院是1999年经浙江省人民政府批准、教育部确认、浙江工业大学举办的全日制本科独立学院</p>
            <a href="#" class="banner-btn">了解更多 <i class="fas fa-arrow-right"></i></a>
        </div>
    </section>

    <div class="container">
        <!-- 新闻版块 -->
        <section class="content-section">
            <h2 class="section-title"><i class="fas fa-newspaper"></i> 学院新闻</h2>
            <div class="news-grid">
                <div class="news-card">
                    <div class="news-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1523580494863-6f3031224c94?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
                    <div class="news-content">
                        <h3 class="news-title">我院举行2023级新生开学典礼</h3>
                        <div class="news-date"><i class="far fa-calendar"></i> 2023-09-10</div>
                        <p class="news-desc">9月8日上午，浙江工业大学之江学院2023级新生开学典礼在体育馆隆重举行。学院领导、各二级学院负责人、教师代表及全体新生参加了典礼。</p>
                        <a href="#" class="news-link">阅读更多 <i class="fas fa-angle-right"></i></a>
                    </div>
                </div>

                <div class="news-card">
                    <div class="news-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
                    <div class="news-content">
                        <h3 class="news-title">我院学子在省大学生程序设计竞赛中获佳绩</h3>
                        <div class="news-date"><i class="far fa-calendar"></i> 2023-09-05</div>
                        <p class="news-desc">在近日结束的浙江省大学生程序设计竞赛中，我院计算机学院代表队获得金奖1项、银奖3项的优异成绩，创学院历史最好成绩。</p>
                        <a href="#" class="news-link">阅读更多 <i class="fas fa-angle-right"></i></a>
                    </div>
                </div>

                <div class="news-card">
                    <div class="news-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1498243691581-b145c3f54a5a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
                    <div class="news-content">
                        <h3 class="news-title">学院与阿里巴巴签署校企合作协议</h3>
                        <div class="news-date"><i class="far fa-calendar"></i> 2023-08-28</div>
                        <p class="news-desc">8月25日，浙江工业大学之江学院与阿里巴巴集团在杭州签署战略合作协议，双方将在人才培养、科研创新、实习就业等方面展开深度合作。</p>
                        <a href="#" class="news-link">阅读更多 <i class="fas fa-angle-right"></i></a>
                    </div>
                </div>

                <div class="news-card">
                    <div class="news-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1543269865-cbf427effbad?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
                    <div class="news-content">
                        <h3 class="news-title">我院新增两个省级一流本科专业建设点</h3>
                        <div class="news-date"><i class="far fa-calendar"></i> 2023-08-15</div>
                        <p class="news-desc">近日，浙江省教育厅公布了2023年度省级一流本科专业建设点名单，我院计算机科学与技术、数字媒体艺术两个专业成功入选。</p>
                        <a href="#" class="news-link">阅读更多 <i class="fas fa-angle-right"></i></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- 公告版块 -->
        <section class="notice-section">
            <h2 class="section-title"><i class="fas fa-bullhorn"></i> 通知公告</h2>
            <ul class="notice-list">
                <li class="notice-item">
                    <div class="notice-date">2023-09-12</div>
                    <a href="#" class="notice-title">关于2023年中秋节、国庆节放假安排的通知</a>
                </li>
                <li class="notice-item">
                    <div class="notice-date">2023-09-08</div>
                    <a href="#" class="notice-title">关于开展2023-2024学年第一学期学生选课工作的通知</a>
                </li>
                <li class="notice-item">
                    <div class="notice-date">2023-09-05</div>
                    <a href="#" class="notice-title">关于举办2023年校园开放日活动的通知</a>
                </li>
                <li class="notice-item">
                    <div class="notice-date">2023-09-01</div>
                    <a href="#" class="notice-title">关于2023级新生军训工作安排的通知</a>
                </li>
                <li class="notice-item">
                    <div class="notice-date">2023-08-25</div>
                    <a href="#" class="notice-title">关于做好2023-2024学年学费缴纳工作的通知</a>
                </li>
            </ul>
            <div class="notice-more">
                <a href="#" class="news-link">查看更多公告 <i class="fas fa-angle-double-right"></i></a>
            </div>
        </section>

        <!-- 主内容区 -->
        <section class="content-section">
            <h2 class="section-title"><i class="fas fa-th-large"></i> 校园风采</h2>
            <div class="main-content">
                <div class="content-card">
                    <div class="card-header">
                        <i class="fas fa-users"></i> 校园生活
                    </div>
                    <div class="card-body">
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">2023校园文化艺术节开幕</div>
                                <div class="featured-desc">以"青春之江·梦想启航"为主题的校园文化艺术节在体育馆盛大开幕</div>
                            </div>
                        </div>
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">学生社团招新活动火热进行</div>
                                <div class="featured-desc">9月15日-17日，学院80余个学生社团在文化广场开展招新活动</div>
                            </div>
                        </div>
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">我院学生在省大学生运动会上获佳绩</div>
                                <div class="featured-desc">在浙江省第十六届大学生运动会上，我院运动健儿取得3金5银6铜的优异成绩</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="content-card">
                    <div class="card-header">
                        <i class="fas fa-handshake"></i> 服务地方
                    </div>
                    <div class="card-body">
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1553877522-43269d4ea984?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">学院与柯桥区政府签署战略合作协议</div>
                                <div class="featured-desc">共建纺织产业创新研究院，助力地方产业转型升级</div>
                            </div>
                        </div>
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">我院教师团队助力乡村振兴</div>
                                <div class="featured-desc">设计学院团队为柯桥区多个乡村提供景观设计和品牌策划服务</div>
                            </div>
                        </div>
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1582213782179-e0d53f98f2ca?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">"之江智造"成果亮相绍兴科技展</div>
                                <div class="featured-desc">我院师生研发的智能制造设备在绍兴科技创新成果展上受到广泛关注</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="content-card">
                    <div class="card-header">
                        <i class="fas fa-tv"></i> 媒体之江
                    </div>
                    <div class="card-body">
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1572949645841-094f3a9c4c7c?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">浙江日报报道我院产教融合成果</div>
                                <div class="featured-desc">"校企协同培养应用型人才——浙江工业大学之江学院的探索"</div>
                            </div>
                        </div>
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">我院创业团队登上央视新闻</div>
                                <div class="featured-desc">大学生创业项目"智能垃圾分类系统"获央视《新闻直播间》报道</div>
                            </div>
                        </div>
                        <div class="featured-item">
                            <div class="featured-img" style="background: linear-gradient(rgba(0, 86, 166, 0.7), rgba(0, 86, 166, 0.7)), url('https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');"></div>
                            <div class="featured-content">
                                <div class="featured-title">绍兴电视台报道我院迎新工作</div>
                                <div class="featured-desc">"暖心服务迎新生——浙江工业大学之江学院2023级新生报到侧记"</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 专题网站版块 -->
        <section class="special-sites">
            <h2 class="section-title"><i class="fas fa-link"></i> 专题网站</h2>
            <div class="sites-grid">
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-book"></i>
                    </div>
                    <div class="site-name">教务系统</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <div class="site-name">学工系统</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-flask"></i>
                    </div>
                    <div class="site-name">科研管理</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-book-open"></i>
                    </div>
                    <div class="site-name">图书馆</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <div class="site-name">国际交流</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-user-friends"></i>
                    </div>
                    <div class="site-name">校友会</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-laptop"></i>
                    </div>
                    <div class="site-name">信息中心</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-newspaper"></i>
                    </div>
                    <div class="site-name">新闻网</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-chalkboard-teacher"></i>
                    </div>
                    <div class="site-name">教师发展</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-hands-helping"></i>
                    </div>
                    <div class="site-name">招生网</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <div class="site-name">就业网</div>
                </a>
                <a href="#" class="site-item">
                    <div class="site-icon">
                        <i class="fas fa-heart"></i>
                    </div>
                    <div class="site-name">心理中心</div>
                </a>
            </div>
        </section>
    </div>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>联系我们</h3>
                    <ul class="footer-links">
                        <li>地址：浙江省绍兴市柯桥区越州大道958号</li>
                        <li>邮编：312030</li>
                        <li>电话：0575-81112700</li>
                        <li>传真：0575-81112713</li>
                        <li>邮箱：zjic@zjut.edu.cn</li>
                    </ul>
                </div>

                <div class="footer-section">
                    <h3>快速链接</h3>
                    <ul class="footer-links">
                        <li><a href="#">学校首页</a></li>
                        <li><a href="#">学院概况</a></li>
                        <li><a href="#">教育教学</a></li>
                        <li><a href="#">招生就业</a></li>
                        <li><a href="#">科学研究</a></li>
                    </ul>
                </div>

                <div class="footer-section">
                    <h3>关注我们</h3>
                    <ul class="footer-links">
                        <li><a href="#"><i class="fab fa-weixin"></i> 官方微信</a></li>
                        <li><a href="#"><i class="fab fa-weibo"></i> 官方微博</a></li>
                        <li><a href="#"><i class="fab fa-qq"></i> QQ校园号</a></li>
                        <li><a href="#"><i class="fab fa-tiktok"></i> 官方抖音</a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i> 视频号</a></li>
                    </ul>
                </div>
            </div>

            <div class="footer-bottom">
                <p>Copyright © 2023 浙江工业大学之江学院 版权所有</p>
                <p>浙ICP备XXXXXXXX号-1 | 浙公网安备 XXXXXXXX号</p>
            </div>
        </div>
    </footer>
</body>
</html>